<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title><%= htmlWebpackPlugin.options.title %></title>
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
      Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected
  <button class="btn">点击防抖</button> -->
  <script>
    // async function as(){
    //   var promise = new Promise(function(resolve,reject){
    //       resolve('哈哈哈')
    //   }).then(function(data){
    //     return '嘿嘿嘿'
    //   })

    //   var data = await promise;
    //   console.log(data);
    // }

    // as()

    // const ajax1 = () => Promise.resolve().then(() => {
    //   console.log('1');
    //   return 1;
    // });

    // const ajax2 = () => Promise.resolve().then(() => {
    //   console.log('2');
    //   return 2;
    // });

    // const ajax3 = () => Promise.resolve().then(() => {
    //   console.log('3');
    //   return 3;
    // });
    // mergePromise = (ajaxArray) => {
    //   var data = [];

    //   // Promise.resolve方法调用时不带参数，直接返回一个resolved状态的 Promise 对象。
    //   var sequence = Promise.resolve();

      
    //   for(var i =0; i<ajaxArray.length; i++){
    //     // 第一次的 then 方法用来执行数组中的每个函数，
    //     // 第二次的 then 方法接受数组中的函数执行后返回的结果，
    //     // 并把结果添加到 data 中，然后把 data 返回。
    //     sequence = sequence.then(ajaxArray[i]).then(function (res) {
    //       // console.log(res);
    //       console.log(data);
    //       data.push(res);
    //       return data;
    //     });
    //   }

    //   return sequence;
    // }

    // mergePromise([ajax1, ajax2, ajax3]).then(data => {
    //   console.log('done');
    //   console.log(data); // data 为 [1, 2, 3]
    // });

      
  
  </script>
</body>

</html>